<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
		<title>我的-账户充值-百台云 - 直播你的梦想（https://www.100ytv.com）</title>
		<meta name="keywords" content="百台云">
		<meta name="description" content="百台云">
		<meta name="Copyright" content="百台云 All Rights Reserved">
		<meta name="Robots" content="All">
		<meta name="application-name" content="百台云 www.luoanziben.com">
		<meta name="msapplication-tooltip" content="百台云 www.luoanziben.com">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<!--title小图标显示-->
		<link rel="icon" href="images/ico-logo.png" type="image/x-icon">
		<link rel="shortcut icon" href="images/ico-logo.png">
		<link rel="Bookmark" href="images/ico-logo.png">
		<!--样式文件-->
		<link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/bty.css" />
	</head>

	<body>
		<!--start:header头部-->
		<header id="bty_header" class="aui-bar aui-bar-nav text-center">
			<a onClick="javascript:history.back(-1);" class="aui-col-xs-2"> <span class="aui-iconfont aui-icon-left"></span> </a>
			<div class="aui-col-xs-8">
				我的账户
			</div>
			<a href="" class="aui-col-xs-2 aui-font-size-14 text-white">充值记录</a>
		</header>
		<!--end:header头部--->
		
		<!--start:内容区域-->
		<div class="aui-content bg-dark">
			<div class="bg-white aui-content aui-padded-10 clearfix aui-margin-b-15 aui-margin-t-15">
				<p class="aui-col-xs-6">账户余额</p>
				<p class="aui-col-xs-6 aui-text-right">￥<span>100000.00</span></p>
			</div>
			
			<p class="aui-margin-15">充值</p>
			<div class="aui-content bg-white aui-padded-10 clearfix vertical-middle-2 aui-margin-b-5">
				<div class="aui-col-xs-6">
					<p class="aui-col-xs-6">
						<span class="aui-iconfont aui-icon-star aui-margin-5"></span>
						<span>60</span>
					</p>
					<p class="aui-col-xs-6">赠送 <span>0</span></p>
				</div>
				<div class="aui-col-xs-6 aui-text-right">
					<a href="" class="aui-label aui-btn-warning aui-btn-outlined aui-btn-sm btn-radius aui-padded-5 aui-padded-l-15 aui-padded-r-15">￥ <span class="">6</span></a>
				</div>
			</div>
			<div class="aui-content bg-white aui-padded-10 clearfix vertical-middle-2 aui-margin-b-5">
				<div class="aui-col-xs-6">
					<p class="aui-col-xs-6">
						<span class="aui-iconfont aui-icon-star aui-margin-5"></span>
						<span>320</span>
					</p>
					<p class="aui-col-xs-6">赠送 <span>32</span></p>
				</div>
				<div class="aui-col-xs-6 aui-text-right">
					<a href="" class="aui-label aui-btn-warning aui-btn-outlined aui-btn-sm btn-radius aui-padded-5 aui-padded-l-15 aui-padded-r-15">￥ <span class="">32</span></a>
				</div>
			</div>
			<div class="aui-content bg-white aui-padded-10 clearfix vertical-middle-2 aui-margin-b-5">
				<div class="aui-col-xs-6">
					<p class="aui-col-xs-6">
						<span class="aui-iconfont aui-icon-star aui-margin-5"></span>
						<span>680</span>
					</p>
					<p class="aui-col-xs-6">赠送 <span>68</span></p>
				</div>
				<div class="aui-col-xs-6 aui-text-right">
					<a href="" class="aui-label aui-btn-warning aui-btn-outlined aui-btn-sm btn-radius aui-padded-5 aui-padded-l-15 aui-padded-r-15">￥ <span class="">68</span></a>
				</div>
			</div>
			<div class="aui-content bg-white aui-padded-10 clearfix vertical-middle-2 aui-margin-b-5">
				<div class="aui-col-xs-6">
					<p class="aui-col-xs-6">
						<span class="aui-iconfont aui-icon-star aui-margin-5"></span>
						<span>1280</span>
					</p>
					<p class="aui-col-xs-6">赠送 <span>128</span></p>
				</div>
				<div class="aui-col-xs-6 aui-text-right">
					<a href="" class="aui-label aui-btn-warning aui-btn-outlined aui-btn-sm btn-radius aui-padded-5 aui-padded-l-15 aui-padded-r-15">￥ <span class="">128</span></a>
				</div>
			</div>
			<div class="aui-content bg-white aui-padded-10 clearfix vertical-middle-2 aui-margin-b-5">
				<div class="aui-col-xs-6">
					<p class="aui-col-xs-6">
						<span class="aui-iconfont aui-icon-star aui-margin-5"></span>
						<span>2980</span>
					</p>
					<p class="aui-col-xs-6">赠送 <span>298</span></p>
				</div>
				<div class="aui-col-xs-6 aui-text-right">
					<a class="aui-label aui-btn-warning aui-btn-outlined aui-btn-sm btn-radius aui-padded-5 aui-padded-l-15 aui-padded-r-15" onclick="selectDialog('text','请选择充值方式','微信','支付宝','取消')">
						￥ <span class="">298</span>
					</a>
				</div>
			</div>
		</div>
		<!--end:内容区域-->

	</body>
	<script type="text/javascript" src="js/api.js"></script>
	<script type="text/javascript" src="js/aui-slide.js"></script>
	<script type="text/javascript" src="js/aui-tab.js"></script>
	<script type="text/javascript" src="js/aui-pull-refresh.js"></script>
	<script type="text/javascript" src="js/aui-scroll.js"></script>
	<script type="text/javascript" src="js/aui-dialog.js"></script>
	<script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
	<script type="text/javascript">
		//头部脚部占位div
 		$('#bty_header').after('<div style="height:'+ $('#bty_header').height()  +'px"></div>');
		
		var dialog = new auiDialog({})
	    function selectDialog(type,title,btn1,btn2,btn3){
            dialog.alert({
                msg:title,
                buttons:[btn1,btn2,btn3]
            },function(ret){
//      		console.log(ret.buttonIndex);
        		console.log(ret.textContent);
        		 
            })
            document.getElementsByClassName('aui-dialog-header')[0].remove()
            var n =document.getElementsByClassName('aui-dialog')[0];
            n.style.backgroundColor = "transparent";
            n.style.top= " ";
            n.className += " selectedDialog";
            document.getElementsByClassName('aui-dialog-footer')[0].style.display= "block";
            var btn = document.getElementsByClassName('aui-dialog-btn');
            btn[btn.length-1].style.marginTop="10px";
            btn[btn.length-1].style.borderRadius="0.3rem";
            btn[btn.length-2].style.borderRadius="0 0 0.3rem 0.3rem";
	    }



	</script>
</html>